<!-- BEGIN:main -->
<script type="text/javascript">

    $(document).ready(function(){
        $('.panel').hide();
        $('#page_title').ready(function(){
           $('.panel').slideToggle("slow");
        });
    });

</script>
<div id="page_title"><h2>{TOPICNAME} information</h2></div>
<div>
    <table class="panel">
        <tr><td class="table_col_alt1" width ="50%">Topic name</td> <td class="table_col_alt2">{TOPICNAME}</td></tr>
        <tr><td class="table_col_alt1">Adviser name</td> <td class="table_col_alt2">{ADVISERNAME}</td></tr>
        <tr><td class="table_col_alt1">Topic information</td> <td class="table_col_alt2">{TOPICINFOR}</td></tr>
        <tr><td class="table_col_alt1">Student register</td> <td class="table_col_alt2">{STUDENTREG}</td></tr>
        <!--{EXT_INFO}-->
    </table>
</div>

<div class="toolbar">
        {LINKS}
</div>
<div id="page_nav" >
    <h7><a href="{BACK_HOME}"></h7>
    <input  style="color: whitesmoke; float: left; margin:10px 5px;" class="button" type="button" name="back" value="Back")"/>
    </a>
</div>


<!-- END:main -->
